Vue.prototype.$host = '/taxon/qilian-php/Api/manage/';
Vue.config.productionTip=false;
Vue.component('qilian-tip', {
    props: ['type', 'top', 'right', 'bottom', 'left'],
    template: `
    <div 
    class="qilian-tip" 
    :style="{
        backgroundColor: getBkColor,
        top: top,
        right: right,
        bottom: bottom,
        left: left
    }">
        <slot>提示</slot>
    </div>
    `,
    data: function() {
        return {

        }
    },
    computed: {
        getBkColor: function() {
            switch (this.type) {
                case 'red':
                    return 'rgb(202, 60, 60)';
                case 'blue':
                    return 'rgb(15, 154, 229)';
                case 'green':
                    return 'rgb(28, 184, 65)';
                default:
                    return 'rgb(15, 154, 229)';
            }
        }
    }
});